﻿ 
 <!-- 订单详情页   -->
 
<div class="detailHead">
   <div class="stateBox">
       <a class="but">支付</a>
       <img class="lins" src="images/order_list/sline.png">
       <a class="but">配单</a>
       <img class="lins" src="images/order_list/sline.png">
       <a class="but">终止</a>
   </div>
</div>

<div class="clearfix"></div>

<div class="order-content det-mainBox" style="margin: 0 auto;">
    <!-- 头部订单状态  start  ------- -->
	<div class="orderlist-Box">
	   <ul>
	      <li id="type6" style="display: none;">
	      <div class="oderhead state1">
	          <img alt="生产中" src="images/order_list/order-pdz.png"><br/>
	          <label>生产中</label>
	      </div>
	      <div class="conbox" onclick="OrderList.toDetails(6);">
	         <div class="topbox">
	            <span class="names">NO.10000 快速设计及制造</span>
	            <span class="tags">QFN</span>
	         </div>
	         <div class="btmbox">
	            <span class="prices">￥90,988</span>
	            <span class="nums">订单数量：<span class="nums-v">10,000</span></span>
	            <span class="times">预计交付时间：<span class="times-v">2018/04/01</span></span>
	         </div>
	      </div>
	      <div class="optbox">
	          <div class="fhtime">
	             <span class="titles">预计发货时间</span><br/>
	             <span class="times">2018/04/21</span>
	          </div>
	          <a class="opa mg-centre" href="javascript:void(0);" onclick="OrderList.suspendDialog();">中止订单</a>
	      </div>
	   </li>
	   <li id="type5" style="display: none;">
	      <div class="oderhead state1">
	          <img alt="配送中" src="images/order_list/order-psz.png"><br/>
	          <label>配送中</label>
	      </div>
	      <div class="conbox" onclick="OrderList.toDetails(5);">
	         <div class="topbox">
	            <span class="names">NO.10000 快速设计及制造</span>
	            <span class="tags">LGA</span>
	         </div>
	         <div class="btmbox">
	            <span class="prices">￥90,988</span>
	            <span class="nums">订单数量：<span class="nums-v">10,000</span></span>
	            <span class="times">预计交付时间：<span class="times-v">2018/04/01</span></span>
	         </div>
	      </div>
	      <div class="optbox">
	          <div class="fhtime mt-fh">
	             <span class="titles">顺丰速运(国内)</span><br/>
	             <span class="times">2345555593938</span>
	          </div>
	      </div>
	   </li>
	   <li id="type4" style="display: none;">
	      <div class="oderhead state1">
	          <img alt="草稿" src="images/order_list/order-cg.png"><br/>
	          <label class="mg-l">草稿</label>
	      </div>
	      <div class="conbox" onclick="OrderList.toDetails(4);">
	         <div class="topbox">
	            <span class="names">NO.10000 快速设计及制造</span>
	            <span class="tags">BGA</span>
	         </div>
	         <div class="btmbox">
	            <span class="prices">￥90,988</span>
	            <span class="nums">订单数量：<span class="nums-v">10,000</span></span>
	            <span class="times">预计交付时间：<span class="times-v">2018/04/01</span></span>
	         </div>
	      </div>
	      <div class="optbox">
	           <a class="but" ui-sref="order_add" href="javascript:void(0);"  >编辑</a>
	           <a class="opa mg-centre" href="javascript:void(0);">删除订单</a>
	      </div>
	   </li>
	   <li id="type3" style="display: none;">
	      <div class="oderhead state2">
	          <img alt="已完成" src="images/order_list/order-ywc.png"><br/>
	          <label>已完成</label>
	      </div>
	      <div class="conbox" onclick="OrderList.toDetails(3);">
	         <div class="topbox">
	            <span class="names">NO.10000 快速设计及制造</span>
	            <span class="tags">BGA</span>
	         </div>
	         <div class="btmbox">
	            <span class="prices">￥90,988</span>
	            <span class="nums">订单数量：<span class="nums-v">10,000</span></span>
	            <span class="times">预计交付时间：<span class="times-v">2018/04/01</span></span>
	         </div>
	      </div>
	      <div class="optbox">
	           <a class="but" ui-sref="purse_invoice" href="javascript:void(0);">开具发票</a>
	           <a class="opa mg-centre" ui-sref="order_add" href="javascript:void(0);">再次下单</a>
	      </div>
	     </li>
		   <li id="type2" style="display: none;">
		      <div class="oderhead state2">
		          <img alt="已中止" src="images/order_list/order-yzz.png"><br/>
		          <label>已中止</label>
		      </div>
		      <div class="conbox">
		         <div class="topbox">
		            <span class="names">NO.10000 快速设计及制造</span>
		            <span class="tags">LGA</span>
		         </div>
		         <div class="btmbox">
		            <span class="prices">￥90,988</span>
		            <span class="nums">订单数量：<span class="nums-v">10,000</span></span>
		            <span class="times">预计交付时间：<span class="times-v">2018/04/01</span></span>
		         </div>
		      </div>
		      <div class="optbox">
		          <div class="fhtime mt-fh">
		             <span class="infos">项目退款</span><br/>
		             <span class="prices">￥30,000</span>
		          </div>
		      </div>
		  </li>
	   </ul>
	   
	   <!-- 快递信息 start --------->
		<div class="det-express">
		   <div class="headbox">
		      <span class="ddname">顺丰速运（国内）</span>
		      <span class="ddcode">2345555593938</span>
		   </div>
		   <ul class="ulsty">
		      <li class="listy active">
		              您已在深圳南山大道110号完成取件，感谢使用顺丰速运，期待再次为您服务。<br/>
                2018-04-11 19:38:36
		      </li>
		      <li class="listy">
		              您已在深圳南山大道110完成取件<br/>
                2018-04-04 23:02:56
		      </li>
		      <li class="listy">
		              您已在深圳南山大道110完成取件<br/>
                2018-04-04 23:02:56
		      </li>
		   </ul>
		   <a class="selall">查看全部</a>
		</div>
		<!-- 快递信息 end --------->
	</div>
    <!-- 头部订单状态  start  --------->
    
    <div class="det-head-box">
         <h4>订单详情</h4>
	     <div class="order-intro">BGA封装 · 长芯指定</div>
    </div>
    
<!-- ------------------------------- 产品信息 start ---------------------------------- -->
<!--类型一-->
		<div class="order-body order-body1">
			<!--具体内容-->
			<div class="order-item">
				<h4 class="tit">具体内容</h4>
				<div class="order-info-group">
					<label class="col-md-3">产品尺寸</label>
					<div class="col-md-9">
						<div class="col-md-4">
							<h5>长</h5>
							<p>40mm</p>
						</div>
						<div class="col-md-4">
							<h5>宽</h5>
							<p>40mm</p>
						</div>
						<div class="col-md-4">
							<h5>高</h5>
							<p>40mm</p>
						</div>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">POD资料</label>
					<div class="col-md-9">
						<div>
						   <img src="images/order_list/icon_pdf.png"><a class="order-link" href="#">手机芯片生产要求</a>
						   <a class="download-but">下载</a>
						</div>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">框架</label>
					<div class="col-md-9">
						<div class="col-md-3">
							<h5>框架厚度</h5>
							<p>1mm</p>
						</div>
						<div class="col-md-3">
							<h5>Pad size - 长</h5>
							<p>80um min</p>
						</div>
						<div class="col-md-3">
							<h5>Pad size - 宽</h5>
							<p>120um min</p>
						</div>
						<div class="col-md-3">
							<h5>垫位镀层方式</h5>
							<p>环镀</p>
						</div>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">框架图纸</label>
					<div class="col-md-9">
						<div>
						   <img src="images/order_list/icon_pdf.png"><a class="order-link" href="#">手机芯片生产要求</a>
						   <a class="download-but">下载</a>   
						</div>
					</div>
				</div>
			</div>
			
			<!--wafer信息-->
			<div class="order-item">
				<h4 class="tit">Wafer信息</h4>
				<div class="order-info-group" style="padding-bottom: 0;">
					<div class="col-md-3 wafer-tab">
						<ul>
							<li class="active">Wafer1信息</li>
							<li>Wafer2信息</li>
							<li>Wafer3信息</li>
						</ul>
					</div>
					<div class="col-md-9 wafer-tab-info">
						<ul>
							<li>
								<div class="order-info-group">
									<div class="col-md-4">
										<h5>Wafer片数及尺寸</h5>
										<p>12片；6英寸</p>
									</div>
									<div class="col-md-4">
										<h5>Die片数及尺寸</h5>
										<p>5片；10*10*10</p>
									</div>
								</div>
								<div class="order-info-group">
									<div class="col-md-4">
										<h5>Bond Pad镀层材质</h5>
										<p>AL</p>
									</div>
									<div class="col-md-4">
										<h5>Wafer来料包装方式</h5>
										<p>未研磨裸片</p>
									</div>
									<div class="col-md-4">
										<h5>NG Die读取方式</h5>
										<p>Mapping</p>
									</div>
								</div>
								<div class="order-info-group" style="padding-bottom: 0;border: none;">
									<div class="col-md-4">
										<h5>Bond Pad Open</h5>
										<p>20*30 um </p>
									</div>
									<div class="col-md-4">
										<h5>Bond Pad Pitch</h5>
										<p>20 um </p>
									</div>
									<div class="col-md-4">
										<h5>晶圆材质</h5>
										<p>SI</p>
									</div>
								</div>
							</li>
							<li style="display: none;">2</li>
							<li style="display: none;">3</li>
						</ul>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">Wafer Datasheet资料</label>
					<div class="col-md-9">
						<div class="order-info-group" style="padding-top: 0;">
							<img src="images/order_list/icon_pdf.png"><a class="order-link" href="#">手机芯片生产要求</a>
							<a class="download-but">下载</a>
						</div>
						<div class="order-info-group">
							<img src="images/order_list/icon_dwg.png"><a class="order-link" href="#">手机芯片生产要求</a>
							<a class="download-but">下载</a>
						</div>
						<div class="order-info-group"  style="padding-bottom: 0;border: none;">
							<img src="images/order_list/icon_doc.png"><a class="order-link" href="#">手机芯片生产要求</a>
							<a class="download-but">下载</a>
						</div>
					</div>
				</div>
			</div>
			
			<!--产品尺寸-->
			<div class="order-item">
				<h4 class="tit">产品尺寸</h4>
				<div class="order-info-group">
					<label class="col-md-3" style="margin-top: 123px;">POD资料</label>
					<div class="col-md-9">
						<div class="order-info-group" style="padding-top: 0;">
							<div class="col-md-4">
								<h5>长</h5>
								<p>12mm</p>
							</div>
							<div class="col-md-4">
								<h5>宽</h5>
								<p>5mm</p>
							</div>
							<div class="col-md-4">
								<h5>高</h5>
								<p>5mm</p>
							</div>
						</div>
						<div class="order-info-group">
							<img src="images/order_list/icon_pdf.png"><a class="order-link" href="#">手机芯片生产要求</a>
							<a class="download-but">下载</a>
						</div>
						<div class="order-info-group">
							<img src="images/order_list/icon_dwg.png"><a class="order-link" href="#">手机芯片生产要求</a>
							<a class="download-but">下载</a>
						</div>
						<div class="order-info-group"  style="padding-bottom: 0;border: none;">
							<img src="images/order_list/icon_doc.png"><a class="order-link" href="#">手机芯片生产要求</a>
							<a class="download-but">下载</a>
						</div>
					</div>
			</div>
			
			<!--生产信息-->
			<div class="order-item">
				<h4 class="tit">生产信息</h4>
				<div class="order-info-group" style="padding-bottom: 0;border: none;">
					<label class="col-md-3">Flip Chip</label>
					<div class="col-md-9">
						<div class="order-info-group" style="padding-top: 0;">
							<div class="col-md-4">
								<h5>Bump Diameter</h5>
								<p>200 um min</p>
							</div>
							<div class="col-md-4">
								<h5>Bump Pitch</h5>
								<p>200 um min</p>
							</div>
							<div class="col-md-4">
								<h5>Bump High</h5>
								<p>200 um min</p>
							</div>
						</div>
						<div class="order-info-group">
							<div class="col-md-4">
								<h5>单颗产品上FC Die数量</h5>
								<p>5片</p>
							</div>
							<div class="col-md-4">
								<h5>塑封方式</h5>
								<p>Transfer Mold</p>
							</div>
						</div>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">Wire Bond</label>
					<div class="col-md-9">
						<div class="col-md-4">
							<h5>Wire Bond线数</h5>
							<p>2 根</p>
						</div>
						<div class="col-md-4">
							<h5>单颗产品上WB Die数量</h5>
							<p>5 片</p>
						</div>
						<div class="col-md-4">
							<h5>塑封方式</h5>
							<p>Transfer Mold</p>
						</div>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">Bonding图</label>
					<div class="col-md-9">
						<div>
						   <img src="images/order_list/icon_pdf.png"><a class="order-link" href="#">手机芯片生产要求</a>
						   <a class="download-but">下载</a>
						</div>
					</div>
				</div>
				<div class="order-info-group" style="padding-bottom: 0;border: none;">
					<label class="col-md-3">SMT贴片电子料单颗产品上电子料数量<p class="explain">电子料需您提供</p></label>
					<div class="col-md-9">
						<div class="order-info-group" style="padding-top: 0;">
							<div class="col-md-3">
								<h5>01005 </h5>
								<p>2</p>
							</div>
							<div class="col-md-3">
								<h5>0201 </h5>
								<p>2</p>
							</div>
							<div class="col-md-3">
								<h5>0402 </h5>
								<p>2</p>
							</div>
							<div class="col-md-3">
								<h5>0603 </h5>
								<p>2</p>
							</div>
						</div>
						<div class="order-info-group">
							<div class="col-md-3">
								<h5>BGA </h5>
								<p>2</p>
							</div>
							<div class="col-md-3">
								<h5>QFN </h5>
								<p>2</p>
							</div>
							<div class="col-md-3">
								<h5>QFP </h5>
								<p>2</p>
							</div>
							<div class="col-md-3">
								<h5>晶振 </h5>
								<p>2</p>
							</div>
						</div>
						<div class="order-info-group">
							<div class="col-md-3">
								<h5>0805 </h5>
								<p>2</p>
							</div>
							<div class="col-md-3">
								<h5>1210</h5>
								<p>2</p>
							</div>
							<div class="col-md-3">
								<h5>1206 </h5>
								<p>2</p>
							</div>
							<div class="col-md-3">
								<h5>1812</h5>
								<p>2</p>
							</div>
						</div>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">电子料BOM</label>
					<div class="col-md-9">
						<div class="order-info-group" style="padding-top: 0;">
							<img src="images/order_list/icon_pdf.png"><a class="order-link" href="#">手机芯片生产要求</a>
							<a class="download-but">下载</a>
						</div>
						<div class="order-info-group">
							<img src="images/order_list/icon_dwg.png"><a class="order-link" href="#">手机芯片生产要求</a>
							<a class="download-but">下载</a>
						</div>
						<div class="order-info-group"  style="padding-bottom: 0;border: none;">
							<img src="images/order_list/icon_doc.png"><a class="order-link" href="#">手机芯片生产要求</a>
							<a class="download-but">下载</a>
						</div>
					</div>
				</div>
				<div class="order-info-group" style="padding-bottom: 0;border: none;">
					<label class="col-md-3">其他信息</label>
					<div class="col-md-9">
						<div class="order-info-group" style="padding-top: 0;">
							<div class="col-md-4">
								<h5>表面溅射</h5>
								<p>需要</p>
							</div>
							<div class="col-md-4">
								<h5>包装方式</h5>
								<p>Tube</p>
							</div>
							<div class="col-md-4">
								<h5>Tset测试项目 (需要额外付费)</h5>
								<p>功能</p>
							</div>
						</div>
						<div class="order-info-group">
							<div class="col-md-4">
								<h5>测试方式</h5>
								<p>抽测</p>
							</div>
							<div class="col-md-4">
								<h5>Mark打标方式</h5>
								<p>激光打标+油墨印字</p>
							</div>
						</div>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">Mark效果图</label>
					<div class="col-md-9">
						<div>
						  <img src="images/order_list/icon_pdf.png"><a class="order-link" href="#">手机芯片生产要求</a>
						  <a class="download-but">下载</a>
						</div>
					</div>
				</div>				
			</div>
			
			<!--可靠性要求-->
			<div class="order-item order-kek">
				<h4 class="tit">可靠性要求</h4>
				<div class="order-info-group">
					<label class="col-md-3">MSL等级</label>
					<div class="col-md-9">
						<p>MSL2 A、MSL2、MSL3</p>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">冷热冲击(-65~150℃)循环次数</label>
					<div class="col-md-9">
						<p>200次、500次、1000次</p>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">温度循环JESD22-A104</label>
					<div class="col-md-9">
						<p>条件B、条件C</p>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">高温储存-125度条件</label>
					<div class="col-md-9">
						<p>48H、168H</p>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">高温储存-150度条件</label>
					<div class="col-md-9">
						<p>48H、168H</p>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">仿真要求</label>
					<div class="col-md-9">
						<p>电磁仿真、热仿真</p>
					</div>
				</div>
				<div class="order-info-group">
					<label class="col-md-3">其他测试</label>
					<div class="col-md-9">
						<p>200次、500次、1000次</p>
					</div>
				</div>
			</div>
			
			<!--产品应用-->
			<div class="order-item order-cpyy">
				<h4 class="tit">产品应用</h4>
				<div class="order-info-group" style="padding-bottom: 0;border: none;">
					<label class="col-md-3">产品应用</label>
					<div class="col-md-9">
						<div class="order-info-group" style="padding-top: 0;">
							<div class="col-md-3">
								<h5>工作温度(℃)</h5>
								<p>民用：-20 ~ 40</p>
							</div>
							<div class="col-md-3">
								<h5>最大工作电流(mA)</h5>
								<p>5</p>
							</div>
							<div class="col-md-3">
								<h5>最大工作电压(V)</h5>
								<p>2</p>
							</div>
							<div class="col-md-3">
								<h5>功耗要求(W Min)</h5>
								<p>35</p>
							</div>
						</div>
						<div class="order-info-group">
							<div class="col-md-3">
								<h5>ESD要求-人体模型</h5>
								<p>4000 - 15999</p>
							</div>
							<div class="col-md-3">
								<h5>ESD要求-带电模型</h5>
								<p>500 - 1000</p>
							</div>
							<div class="col-md-3">
								<h5>QFP</h5>
								<p>2</p>
							</div>
							<div class="col-md-3">
								<h5>晶振</h5>
								<p>5</p>
							</div>
						</div>
					</div>
				</div>
				<div class="order-info-group" style="margin-top: 10px;">
					<label class="col-md-3">Mark效果图</label>
					<div class="col-md-9">
						<p>能够满足火箭发射的温度，速度，高度等各种要求等等s</p>
					</div>
				</div>				
			</div>
		</div>
	</div>
		
<!-- ------------------------------- 产品信息 start ---------------------------------- -->
	 
</div>

<div style="height: 130px;"></div>

<!-- 联系方式 start  ------->
<div class="det-contactBox">
   <img title="点击展开" alt="联系方式" src="images/order_list/contact.png">
</div>
<div class="det-contact-main">
   <label class="titles">专属客户经理</label><br/>
   <label class="names">李服务</label>
   <div class="content">
      <span><img alt="tel" src="images/order_list/call.png">&nbsp; 133-0987-9987</span><br/>
      <span><img alt="mail" src="images/order_list/mail.png">&nbsp; abcdefg@126.com</span><br/>
      <span><img alt="QQ" src="images/order_list/qq.png">&nbsp; 87264908744</span>
   </div>
</div>
<!-- 联系方式 start  ------->

<script type="text/javascript">
    $(".content").css("background-color","#F9FBFC");
    
    $('html,body').animate({scrollTop:0}, 800);//移动到最上面
    
	$('.wafer-tab li').click(function(){
		var index = $(this).index();
		$('.wafer-tab li').removeClass('active');
		$(this).addClass('active');
		$('.wafer-tab-info li').eq(index).show().siblings().hide();
	});
	
	$('.det-contactBox').click(function(){
		var obj = $(".det-contact-main");
		if($('.det-contact-main').is(':hidden')){
			obj.show();
		}else{
			obj.hide();
		}
	});
</script>

